<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>accordion</title>

<script type="text/javascript" src="../../os3jslib/liwe.js"></script>
<script type="text/javascript" src="../../os3jslib/event.js"></script>
<script type="text/javascript" src="../../os3jslib/fx.js"></script>

<script type="text/javascript" src="../../os3jslib/utils.js"></script>
<script type="text/javascript" src="../../os3jslib/dom.js"></script>
<script type="text/javascript" src="../../os3jslib/string_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/object_enh.js"></script>
<script type="text/javascript" src="../wwl.js"></script>

<script type="text/javascript" src="accordion.js"></script>
<script type="text/javascript" src="templates/accordion.js"></script>
<link href="gfx/accordion.css" rel="stylesheet" type="text/css">

<script type="text/javascript">
function init ()
{
	var m = new WWL.accordion ( 'prova' );
	m.first_tab ( 2, function () { alert ( 'your WWL render cback here' ); } ); 
	console.debug ( 'init %o' , m );
	m.add_item ( { txt: 'ciao', content : 'msjkdsajkjhdjkdh jkhsdsjakd' } );
	m.add_item ( { txt: 'john', content : 'asda asd dassdas' } );
	m.add_item ( { txt: 'fabio', cback: 'hello' } );

	m.render ( 'p1' );
};

function hello ( el )
{
	alert ( "Hello World!i From" + el.toString () );
};
</script>
</head>
<body onload="init()">
<div id="p1">cioa</div>
<div id="p2"></div>


</body>
</html>
